<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
	<title>转盘抽奖-闪电极送</title>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/animate.css">
	<script src="js/rem_quick.js"></script>
</head>
<body>
	<div class="wheel">
		<section class="top">
			<div class="turnTable">
				<img src="img/jackpot.png" alt="" class="jackpot">
				<button class="start"></button>
			</div>
			<div class="login">
				<span class="login_dec">亲爱的用户,请</span>
				<span class="loginButton lgbtn">[登陆]</span>
				<span class="awdBtn lgbtn">[获奖记录]</span>
				<span class="quitLogin lgbtn">[注销]</span>
			</div>
		</section>
		<footer>
			<div class="left">
				<div class="actBtn"></div>
			</div>
			<div class="right">
				<div class="close">
					<p>1.所有注册过的闪电极送用户，有一次抽奖机会</p>
					<p>2.所有非活动场地内抽取的活动奖品，截图发送微信公众号留下基本信息待人工审核后寄送,运费自理</p>
					<p>3.本活动最终解释权由闪电寄送所有</p>
				</div>
				<div class="open">
					<!-- <p>你有<span>1</span>次抽奖机会</p> -->
				</div>
				
			</div>
		</footer>
		<div class="mask animated fadeIn">
			<div class="bg"></div>
			<div class="loginBox maskBox animated fadeIn">
				<img src="img/close2.png" alt="" class="closeMask">
				<h5>登陆</h5>
				<div class="main">
					<input type="text"     id="login_tel" name="userTel"  placeholder="请输入手机号" style=""/>
					<input type="password" id="login_pwd" name="userPwd"  placeholder="请输入密码"  style=""/>
					<div class="loginSure">确定</div>
					<div class="signUp">注册账号</div>
				</div>
			</div>
			<!-- 未中奖 -->
			<div id="myAni" class="maskBox sorryImg  animated">
				<img src="img/close.png" alt="" class="closeMask">
			</div>
			<!-- 中奖 -->
			<div id="myAni" class="maskBox luckyImg  animated">
				<img src="img/close3.png" alt="" class="closeMask2">
				<div class="textArea">
					<img src="" alt="" class="cImg">
				</div>
				<div class="luckyBtn"></div>
			</div>
			<!-- 获奖记录 -->
			<div class="awdBox maskBox animated fadeIn">
				<h5>获奖记录</h5>
				<p><span class="awdDec"></span><span class="awdTime"></span></p>
			</div>
		</div>
		<div class="gaMask">
			<div class="gaBg"></div>
			<div id="gAlert" class="animated">
				<h5 class="gaTit">提示</h5>
				<div class="gaMes"></div>
				<button class="gaBtn">确定</button>
			</div>
			<div id="gConfirm" class="animated">
				<h5 class="gaTit">温馨提示</h5>
				<div class="gaMes"></div>
				<div class="gaFooter"><button class="gaBtn gaCancel">取消</button><button class="gaBtn gaSure">确定</button></div>
			</div>
		</div>
	</div>
	
</body>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/jqueryrotate.js"></script>
<script src="js/turntableDraw.js"></script>
</html>